<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>星星书籍</title>
    <meta name="description" content="星星书籍是综合网上前端书籍商城，销售前端学习的任何书籍，收录的都是优质商品，可以让您享受便捷、诚信的服务，为您提供愉悦的网上购物体验!">
    <link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
    <link rel="stylesheet" href="./font/iconfont.css">
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/index.css">
</head>

<body>
    <div class="contain">
        <!-- 顶部区域 -->
        <div class="shortcut">
            <div class="w">
                <div class="fl">
                    <i class="iconfont icon-dingwei-copy"></i>
                    <span>重庆</span>
                </div>
                <ul class="user">
                    <li>欢迎光临本店</li>
                    <li>
                        <a href="login.html">[ 你好,请登录 ]</a>
                    </li>
                    <li>
                        <a href="register.html">[ 免费注册 ]</a>
                    </li>
                </ul>
                <ul class="fr">
                    <li>
                        <a href="javascript:;">我的订单</a>
                        <span>|</span>
                    </li>
                    <li>
                        <a href="javascript:;">我的会员</a>
                        <span>|</span>
                    </li>
                    <li>
                        <a href="javascript:;">收藏本店</a>
                        <span>|</span>
                    </li>
                    <li>
                        <a href="javascript:;">客户服务</a>
                        <span>|</span>
                    </li>
                    <li><a href="javascript:;">网站无障碍</a></li>
                </ul>
            </div>
        </div>
        <!-- 头部区域 -->
        <div class="header">
            <div class="w">
                <!-- logo -->
                <div class="logo">
                    <a href="index.html">
                        <img src="./images/logo.gif" alt="">
                    </a>
                </div>
                <!-- search -->
                <div class="search">
                    <form action="">
                        <input class="input-t" type="text">
                        <button class="serbtn iconfont">&#xe683;</button>
                    </form>
                </div>
                <!-- car -->
                <div class="car">
                    <i class="iconfont icon-gouwuche"></i>
                    购物车 0 件
                </div>
            </div>
        </div>
        <!-- 主体区域 -->
        <div class="main">
            <!-- 主体的头部信息 -->
            <div class="top">
                <div class="w">
                    <div class="top-left">
                        <span>全部商品分类</span>
                        <a href="index.html">首页</a>
                    </div>
                    <div class="top-right">
                        <a href="javascript:;">积分商城</a>
                        |
                        <a href="javascript:;">全部品牌</a>
                    </div>
                </div>
            </div>
            <!-- 菜单部分 -->
            <div class="nav">
                <div class="w">
                    <!-- 一二级菜单 -->
                    <div class="nav-items">
                        <ul>
                            <li>
                                <i></i>
                                <a href="javascript:;">HTML</a>
                                <ul class="secend">
                                    <li><a href="javascript:;">HTML</a></li>
                                    <li><a href="javascript:;">HTML5</a></li>
                                </ul>
                            </li>
                            <li>
                                <i></i>
                                <a href="javascript:;">CSS</a>
                                <ul class="secend">
                                    <li><a href="javascript:;">CSS</a></li>
                                    <li><a href="javascript:;">CSS3</a></li>
                                </ul>
                            </li>
                            <li>
                                <i></i>
                                <a href="javascript:;">JavaScript</a>
                                <ul class="secend">
                                    <li><a href="javascript:;">JavaScript</a></li>
                                    <li><a href="javascript:;">ES6</a></li>
                                    <li><a href="javascript:;">DOM</a></li>
                                    <li><a href="javascript:;">BOM</a></li>
                                </ul>
                            </li>
                            <li>
                                <i></i>
                                <a href="javascript:;">框架</a>
                                <ul class="secend">
                                    <li><a href="javascript:;">Vue</a></li>
                                    <li><a href="javascript:;">React</a></li>
                                    <li><a href="javascript:;">Angular</a></li>
                                </ul>
                            </li>
                            <li>
                                <i></i>
                                <a href="javascript:;">jQuery</a>
                                <ul class="secend">
                                    <li><a href="javascript:;">jQuery</a></li>
                                    <li><a href="javascript:;">EasyUI</a></li>
                                    <li><a href="javascript:;">jQueryUI</a></li>
                                </ul>
                            </li>
                            <li>
                                <i></i>
                                <a href="javascript:;">Node</a>
                                <ul class="secend">
                                    <li><a href="javascript:;">Node</a></li>
                                    <li><a href="javascript:;">Express</a></li>
                                </ul>
                            </li>
                            <li>
                                <i></i>
                                <a href="javascript:;">构建工具</a>
                                <ul class="secend">
                                    <li><a href="javascript:;">Webpack</a></li>
                                    <li><a href="javascript:;">grunt</a></li>
                                    <li><a href="javascript:;">gulp</a></li>
                                </ul>
                            </li>
                        </ul>
                    </div>
                    <!-- 轮播图 -->
                    <div class="sliderbanner">
                        <ul class="list">
                            <li class="items active">
                                <a href="javascript:;">
                                    <img src="./images/1.JPEG" alt="">
                                </a>
                            </li>
                            <li class="items">
                                <a href="javascript:;">
                                    <img src="./images/js.JPEG" alt="">
                                </a>
                            </li>
                            <li class="items">
                                <a href="javascript:;">
                                    <img src="./images/vue.JPEG" alt="">
                                </a>
                            </li>
                            <li class="items">
                                <a href="javascript:;">
                                    <img src="./images/jquery.JPEG" alt="">
                                </a>
                            </li>
                            <li class="items">
                                <a href="javascript:;">
                                    <img src="./images/node.JPEG" alt="">
                                </a>
                            </li>
                        </ul>
                        <ul class="pointers">
                            <li class="activePointer"></li>
                            <li class=""></li>
                            <li class=""></li>
                            <li class=""></li>
                            <li class=""></li>
                        </ul>
                        <!-- 轮播图左右切换按钮 -->
                        <div class="gopre iconfont icon-shangyibu"></div>
                        <div class="gonext iconfont icon-xiayibu"></div>
                    </div>
                </div>
            </div>
            <!-- 推荐区域 -->
            <div class="recommend w">
                <!-- 推荐 -->
                <div class="recommend_left">
                    <div class="show_title">
                        <h3 class="activeTitle">特价抢购</h3>
                        <h3>精品推荐</h3>
                        <h3>新品上市</h3>
                        <h3>本周热销</h3>
                    </div>
                    <div class="show_info">
                        <ul class="infos">
                            <li class="info">
                                <a href="javascript:;">
                                    <img src="./images/vue.jpg" alt="">
                                </a>
                                <ul class="price">
                                    <h3><a href="javascript:;">锋利的jQuery+深入浅出Node.js+Vue.js前端开发</a></h3>
                                    <li>促销价：<span>￥80.0</span></li>
                                    <li class="oldPrice">￥150.8</li>
                                </ul>
                            </li>
                            <li class="info">
                                <a href="javascript:;">
                                    <img src="./images/js.jpg" alt="">
                                </a>
                                <ul class="price">
                                    <h3><a href="javascript:;">JavaScript高级程序设计 第4版(图灵出品）</a></h3>
                                    <li>促销价：<span>￥100.0</span></li>
                                    <li class="oldPrice">￥164.3</li>
                                </ul>
                            </li>
                            <li class="info">
                                <a href="javascript:;">
                                    <img src="./images/css.jpg" alt="">
                                </a>
                                <ul class="price">
                                    <h3><a href="javascript:;">CSS世界</a></h3>
                                    <li>促销价：<span>￥100.0</span></li>
                                    <li class="oldPrice">￥67.6</li>
                                </ul>
                            </li>
                            <li class="info">
                                <a href="javascript:;">
                                    <img src="./images/js2.jpg" alt="">
                                </a>
                                <ul class="price">
                                    <h3><a href="javascript:;">你不知道的JavaScript 上卷+中卷+下卷</a></h3>
                                    <li>促销价：<span>￥133.9</span></li>
                                    <li class="oldPrice">￥290.2</li>
                                </ul>
                            </li>
                        </ul>
                        <ul class="infos">
                            <li class="info">
                                <a href="javascript:;">
                                    <img src="./images/css2.jpg" alt="">
                                </a>
                                <ul class="price">
                                    <h3><a href="javascript:;">CSS权威指南（第四版）（上下册）</a></h3>
                                    <li>促销价：<span>￥118.8</span></li>
                                    <li class="oldPrice">￥257.4</li>
                                </ul>
                            </li>
                            <li class="info">
                                <a href="javascript:;">
                                    <img src="./images/node.jpg" alt="">
                                </a>
                                <ul class="price">
                                    <h3><a href="javascript:;">Node.js实战 第2版</a></h3>
                                    <li>促销价：<span>￥52.3</span></li>
                                    <li class="oldPrice">￥113.4</li>
                                </ul>
                            </li>
                            <li class="info">
                                <a href="javascript:;">
                                    <img src="./images/js.jpg" alt="">
                                </a>
                                <ul class="price">
                                    <h3><a href="javascript:;">JavaScript高级程序设计 第4版(图灵出品）</a></h3>
                                    <li>促销价：<span>￥100.0</span></li>
                                    <li class="oldPrice">￥164.3</li>
                                </ul>
                            </li>
                            <li class="info">
                                <a href="javascript:;">
                                    <img src="./images/js2.jpg" alt="">
                                </a>
                                <ul class="price">
                                    <h3><a href="javascript:;">你不知道的JavaScript 上卷+中卷+下卷</a></h3>
                                    <li>促销价：<span>￥133.9</span></li>
                                    <li class="oldPrice">￥290.2</li>
                                </ul>
                            </li>
                        </ul>
                        <ul class="infos">
                            <li class="info">
                                <a href="javascript:;">
                                    <img src="./images/vue.jpg" alt="">
                                </a>
                                <ul class="price">
                                    <h3><a href="javascript:;">锋利的jQuery+深入浅出Node.js+Vue.js前端开发</a></h3>
                                    <li>促销价：<span>￥80.0</span></li>
                                    <li class="oldPrice">￥150.8</li>
                                </ul>
                            </li>
                            <li class="info">
                                <a href="javascript:;">
                                    <img src="./images/vue2.jpg" alt="">
                                </a>
                                <ul class="price">
                                    <h3><a href="javascript:;">Vue书籍 Vue.js 3.0从入门到实战</a></h3>
                                    <li>促销价：<span>￥29.4</span></li>
                                    <li class="oldPrice">￥63.7</li>
                                </ul>
                            </li>
                            <li class="info">
                                <a href="javascript:;">
                                    <img src="./images/vue3.jpg" alt="">
                                </a>
                                <ul class="price">
                                    <h3><a href="javascript:;">循序渐进Vue.js 3前端开发实战</a></h3>
                                    <li>促销价：<span>￥45.5</span></li>
                                    <li class="oldPrice">￥98.5</li>
                                </ul>
                            </li>
                            <li class="info">
                                <a href="javascript:;">
                                    <img src="./images/css2.jpg" alt="">
                                </a>
                                <ul class="price">
                                    <h3><a href="javascript:;">CSS权威指南（第四版）（上下册）</a></h3>
                                    <li>促销价：<span>￥118.8</span></li>
                                    <li class="oldPrice">￥257.4</li>
                                </ul>
                            </li>
                        </ul>
                        <ul class="infos">
                            <li class="info">
                                <a href="javascript:;">
                                    <img src="./images/vue.jpg" alt="">
                                </a>
                                <ul class="price">
                                    <h3><a href="javascript:;">锋利的jQuery+深入浅出Node.js+Vue.js前端开发</a></h3>
                                    <li>促销价：<span>￥80.0</span></li>
                                    <li class="oldPrice">￥150.8</li>
                                </ul>
                            </li>
                            <li class="info">
                                <a href="javascript:;">
                                    <img src="./images/vue2.jpg" alt="">
                                </a>
                                <ul class="price">
                                    <h3><a href="javascript:;">Vue书籍 Vue.js 3.0从入门到实战</a></h3>
                                    <li>促销价：<span>￥29.4</span></li>
                                    <li class="oldPrice">￥63.7</li>
                                </ul>
                            </li>
                            <li class="info">
                                <a href="javascript:;">
                                    <img src="./images/js.jpg" alt="">
                                </a>
                                <ul class="price">
                                    <h3><a href="javascript:;">JavaScript高级程序设计 第4版(图灵出品）</a></h3>
                                    <li>促销价：<span>￥100.0</span></li>
                                    <li class="oldPrice">￥164.3</li>
                                </ul>
                            </li>
                            <li class="info">
                                <a href="javascript:;">
                                    <img src="./images/html.jpg" alt="">
                                </a>
                                <ul class="price">
                                    <h3><a href="javascript:;">HTML+CSS+JavaScript网页制作从入门到精通 第4版</a></h3>
                                    <li>促销价：<span>￥28.1</span></li>
                                    <li class="oldPrice">￥61.0</li>
                                </ul>
                            </li>
                        </ul>
                    </div>
                </div>
                <!-- 调查 -->
                <div class="recommend_right">
                    <div class="item">
                        <h3>在线调查</h3>
                        <form action="javascript:submit_vote()">
                            <p>前端之旅</p>
                            <p>(参与人数:20)</p>
                            <input type="checkbox">
                            你有你自己的前端学习路线吗?
                            <p>(100%)</p>
                            <input type="submit" id="btn">
                            <input type="reset" id="res">
                        </form>
                    </div>
                    <div class="item">
                        <h3>订单查询</h3>
                        <form action="javascript:submit_vote()">
                            <input type="text" id="txt">
                            <input type="submit" value="查询该订单号" id="seach">
                        </form>
                    </div>
                </div>
            </div>
            <!-- 主要内容区域 -->
            <div class="mains w">
                <!-- HTMl区域 -->
                <div class="item">
                    <!-- html头部信息 -->
                    <div class="main_title">
                        <h2>
                            <em>1F</em>
                            <span>HTML</span>
                            <a href="javascript:;">更多></a>
                        </h2>
                    </div>
                    <!-- html主体信息 -->
                    <div class="main_info">
                        <div class="infol">
                            <img src="./images/html0.png" alt="">
                            <a href="javascript:;">更多HTML分类</a>
                        </div>
                        <ul class="infor">
                            <li class="info">
                                <a href="javascript:;">
                                    <img src="./images/html4.jpg" alt="">
                                </a>
                                <ul class="price">
                                    <h3><a href="javascript:;">网页设计与制作项目教程（HTML+CSS+JavaScript）</a></h3>
                                    <li>促销价：<span>￥18.9</span></li>
                                    <li class="oldPrice">￥41.0</li>
                                </ul>
                            </li>
                            <li class="info">
                                <a href="javascript:;">
                                    <img src="./images/html3.jpg" alt="">
                                </a>
                                <ul class="price">
                                    <h3><a href="javascript:;">HTML+CSS+JavaScript网页制作案例教程（第2版）</a></h3>
                                    <li>促销价：<span>￥28.3</span></li>
                                    <li class="oldPrice">￥61.4</li>
                                </ul>
                            </li>
                            <li class="info">
                                <a href="javascript:;">
                                    <img src="./images/html2.jpg" alt="">
                                </a>
                                <ul class="price">
                                    <h3><a href="javascript:;">从0到1 HTML+CSS快速上手</a></h3>
                                    <li>促销价：<span>￥18.9</span></li>
                                    <li class="oldPrice">￥41.0</li>
                                </ul>
                            </li>
                            <li class="info">
                                <a href="javascript:;">
                                    <img src="./images/html.jpg" alt="">
                                </a>
                                <ul class="price">
                                    <h3><a href="javascript:;">HTML+CSS+JavaScript网页制作从入门到精通 第4版</a></h3>
                                    <li>促销价：<span>￥28.1</span></li>
                                    <li class="oldPrice">￥61.0</li>
                                </ul>
                            </li>
                            <li class="info">
                                <a href="javascript:;">
                                    <img src="./images/html5.jpg" alt="">
                                </a>
                                <ul class="price">
                                    <h3><a href="javascript:;">HTML+CSS+JavaScript网页设计从入门到精通</a></h3>
                                    <li>促销价：<span>￥61.6</span></li>
                                    <li class="oldPrice">￥133.4</li>
                                </ul>
                            </li>
                            <li class="info">
                                <a href="javascript:;">
                                    <img src="./images/html6.jpg" alt="">
                                </a>
                                <ul class="price">
                                    <h3><a href="javascript:;">HTML5+CSS3从入门到精通（标准版）</a></h3>
                                    <li>促销价：<span>￥48.0</span></li>
                                    <li class="oldPrice">￥104.0</li>
                                </ul>
                            </li>
                            <li class="info">
                                <a href="javascript:;">
                                    <img src="./images/html7.jpg" alt="">
                                </a>
                                <ul class="price">
                                    <h3><a href="javascript:;">HTML+CSS+JavaScript编程入门指南</a></h3>
                                    <li>促销价：<span>￥48.0</span></li>
                                    <li class="oldPrice">￥104.0</li>
                                </ul>
                            </li>
                            <li class="info">
                                <a href="javascript:;">
                                    <img src="./images/html8.jpg" alt="">
                                </a>
                                <ul class="price">
                                    <h3><a href="javascript:;">《Head First HTML与CSS(第2版)》</a></h3>
                                    <li>促销价：<span>￥41.4</span></li>
                                    <li class="oldPrice">￥89.7</li>
                                </ul>
                            </li>
                        </ul>
                    </div>
                </div>
                <!-- CSS区域 -->
                <div class="item">
                    <!-- CSS头部信息 -->
                    <div class="main_title">
                        <h2>
                            <em>2F</em>
                            <span>CSS</span>
                            <a href="javascript:;">更多></a>
                        </h2>
                    </div>
                    <!-- CSS主体信息 -->
                    <div class="main_info">
                        <div class="infol">
                            <img src="./images/css0.png" alt="">
                            <a href="javascript:;">更多CSS分类</a>
                        </div>
                        <ul class="infor">
                            <li class="info">
                                <a href="javascript:;">
                                    <img src="./images/css5.jpg" alt="">
                                </a>
                                <ul class="price">
                                    <h3><a href="javascript:;">CSS选择器世界</a></h3>
                                    <li>促销价：<span>￥39.4</span></li>
                                    <li class="oldPrice">￥85.3</li>
                                </ul>
                            </li>
                            <li class="info">
                                <a href="javascript:;">
                                    <img src="./images/css3.jpg" alt="">
                                </a>
                                <ul class="price">
                                    <h3><a href="javascript:;">HTML+CSS+JavaScript网页制作案例教程（第2版）</a></h3>
                                    <li>促销价：<span>￥28.3</span></li>
                                    <li class="oldPrice">￥61.4</li>
                                </ul>
                            </li>
                            <li class="info">
                                <a href="javascript:;">
                                    <img src="./images/css4.jpg" alt="">
                                </a>
                                <ul class="price">
                                    <h3><a href="javascript:;">CSS3+DIV网页样式与布局</a></h3>
                                    <li>促销价：<span>￥36.4</span></li>
                                    <li class="oldPrice">￥78.8</li>
                                </ul>
                            </li>
                            <li class="info">
                                <a href="javascript:;">
                                    <img src="./images/css2.jpg" alt="">
                                </a>
                                <ul class="price">
                                    <h3><a href="javascript:;">CSS权威指南（第四版）（上下册）</a></h3>
                                    <li>促销价：<span>￥118.8</span></li>
                                    <li class="oldPrice">￥257.4</li>
                                </ul>
                            </li>
                            <li class="info">
                                <a href="javascript:;">
                                    <img src="./images/css6.jpg" alt="">
                                </a>
                                <ul class="price">
                                    <h3><a href="javascript:;">CSS新世界</a></h3>
                                    <li>促销价：<span>￥76.4</span></li>
                                    <li class="oldPrice">￥165.5</li>
                                </ul>
                            </li>
                            <li class="info">
                                <a href="javascript:;">
                                    <img src="./images/html6.jpg" alt="">
                                </a>
                                <ul class="price">
                                    <h3><a href="javascript:;">HTML5+CSS3从入门到精通（标准版）</a></h3>
                                    <li>促销价：<span>￥48.0</span></li>
                                    <li class="oldPrice">￥104.0</li>
                                </ul>
                            </li>
                            <li class="info">
                                <a href="javascript:;">
                                    <img src="./images/css7.jpg" alt="">
                                </a>
                                <ul class="price">
                                    <h3><a href="javascript:;">深入解析CSS</a></h3>
                                    <li>促销价：<span>￥81.7</span></li>
                                    <li class="oldPrice">￥177.1</li>
                                </ul>
                            </li>
                            <li class="info">
                                <a href="javascript:;">
                                    <img src="./images/css8.jpg" alt="">
                                </a>
                                <ul class="price">
                                    <h3><a href="javascript:;">Head First HTML与CSS（第2版）</a></h3>
                                    <li>促销价：<span>￥40.8</span></li>
                                    <li class="oldPrice">￥88.4</li>
                                </ul>
                            </li>
                        </ul>
                    </div>
                </div>
                <!-- js区域 -->
                <div class="item">
                    <!-- js头部信息 -->
                    <div class="main_title">
                        <h2>
                            <em>3F</em>
                            <span>JavaScript</span>
                            <a href="javascript:;">更多></a>
                        </h2>
                    </div>
                    <!-- js主体信息 -->
                    <div class="main_info">
                        <div class="infol">
                            <img src="./images/js0.png" alt="">
                            <a href="javascript:;">更多JavaScript分类</a>
                        </div>
                        <ul class="infor">
                            <li class="info">
                                <a href="javascript:;">
                                    <img src="./images/js8.jpg" alt="">
                                </a>
                                <ul class="price">
                                    <h3><a href="javascript:;">JavaScript从入门到实战开发最强教科书</a></h3>
                                    <li>促销价：<span>￥76.8</span></li>
                                    <li class="oldPrice">￥166.4</li>
                                </ul>
                            </li>
                            <li class="info">
                                <a href="javascript:;">
                                    <img src="./images/js7.jpg" alt="">
                                </a>
                                <ul class="price">
                                    <h3><a href="javascript:;">JavaScript权威指南原书第7版+高级程序设计 第4版 犀牛书 红宝书 web前端开发编程书籍</a>
                                    </h3>
                                    <li>促销价：<span>￥123.5</span></li>
                                    <li class="oldPrice">￥267.7</li>
                                </ul>
                            </li>
                            <li class="info">
                                <a href="javascript:;">
                                    <img src="./images/js6.jpg" alt="">
                                </a>
                                <ul class="price">
                                    <h3><a href="javascript:;">JavaScript从入门到精通（标准版）</a></h3>
                                    <li>促销价：<span>￥53.9</span></li>
                                    <li class="oldPrice">￥116.7</li>
                                </ul>
                            </li>
                            <li class="info">
                                <a href="javascript:;">
                                    <img src="./images/js5.jpg" alt="">
                                </a>
                                <ul class="price">
                                    <h3><a href="javascript:;">JavaScript语言精粹</a></h3>
                                    <li>促销价：<span>￥34.8</span></li>
                                    <li class="oldPrice">￥75.3</li>
                                </ul>
                            </li>
                            <li class="info">
                                <a href="javascript:;">
                                    <img src="./images/js4.jpg" alt="">
                                </a>
                                <ul class="price">
                                    <h3><a href="javascript:;">JavaScript DOM编程艺术 第2版</a></h3>
                                    <li>促销价：<span>￥40.6</span></li>
                                    <li class="oldPrice">￥87.9</li>
                                </ul>
                            </li>
                            <li class="info">
                                <a href="javascript:;">
                                    <img src="./images/js2.jpg" alt="">
                                </a>
                                <ul class="price">
                                    <h3><a href="javascript:;">你不知道的JavaScript 上卷+中卷+下卷</a></h3>
                                    <li>促销价：<span>￥133.9</span></li>
                                    <li class="oldPrice">￥290.2</li>
                                </ul>
                            </li>
                            <li class="info">
                                <a href="javascript:;">
                                    <img src="./images/js3.jpg" alt="">
                                </a>
                                <ul class="price">
                                    <h3><a href="javascript:;">JavaScript 指南 原书第7版 犀牛书JS高级程序设计</a></h3>
                                    <li>促销价：<span>￥180.7</span></li>
                                    <li class="oldPrice">￥83.4</li>
                                </ul>
                            </li>
                            <li class="info">
                                <a href="javascript:;">
                                    <img src="./images/js.jpg" alt="">
                                </a>
                                <ul class="price">
                                    <h3><a href="javascript:;">JavaScript高级程序设计 第4版(图灵出品）</a></h3>
                                    <li>促销价：<span>￥100.0</span></li>
                                    <li class="oldPrice">￥164.3</li>
                                </ul>
                            </li>
                        </ul>
                    </div>
                </div>
                <!-- jQuery区域 -->
                <div class="item">
                    <!-- jQuery头部信息 -->
                    <div class="main_title">
                        <h2>
                            <em>4F</em>
                            <span>jQuery</span>
                            <a href="javascript:;">更多></a>
                        </h2>
                    </div>
                    <!-- jQuery主体信息 -->
                    <div class="main_info">
                        <div class="infol">
                            <img src="./images/jq0.png" alt="">
                            <a href="javascript:;">更多jQuery分类</a>
                        </div>
                        <ul class="infor">
                            <li class="info">
                                <a href="javascript:;">
                                    <img src="./images/jq.jpg" alt="">
                                </a>
                                <ul class="price">
                                    <h3><a href="javascript:;">精通jQuery(第2版)</a></h3>
                                    <li>促销价：<span>￥41.4</span></li>
                                    <li class="oldPrice">￥89.7</li>
                                </ul>
                            </li>
                            <li class="info">
                                <a href="javascript:;">
                                    <img src="./images/jq2.jpg" alt="">
                                </a>
                                <ul class="price">
                                    <h3><a href="javascript:;">HTML5+CSS3+jQuery Mobile移动开发</a>
                                    </h3>
                                    <li>促销价：<span>￥31.9</span></li>
                                    <li class="oldPrice">￥69.0</li>
                                </ul>
                            </li>
                            <li class="info">
                                <a href="javascript:;">
                                    <img src="./images/jq3.jpg" alt="">
                                </a>
                                <ul class="price">
                                    <h3><a href="javascript:;">Div+CSS 3+jQuery网页布局案例精粹</a></h3>
                                    <li>促销价：<span>￥36.4</span></li>
                                    <li class="oldPrice">￥78.9</li>
                                </ul>
                            </li>
                            <li class="info">
                                <a href="javascript:;">
                                    <img src="./images/jq4.jpg" alt="">
                                </a>
                                <ul class="price">
                                    <h3><a href="javascript:;">jQuery从入门到精通</a></h3>
                                    <li>促销价：<span>￥36.2</span></li>
                                    <li class="oldPrice">￥78.4</li>
                                </ul>
                            </li>
                            <li class="info">
                                <a href="javascript:;">
                                    <img src="./images/jq5.jpg" alt="">
                                </a>
                                <ul class="price">
                                    <h3><a href="javascript:;">精通jQuery Web开发（第2版）</a></h3>
                                    <li>促销价：<span>￥40.6</span></li>
                                    <li class="oldPrice">￥87.9</li>
                                </ul>
                            </li>
                            <li class="info">
                                <a href="javascript:;">
                                    <img src="./images/jq6.jpg" alt="">
                                </a>
                                <ul class="price">
                                    <h3><a href="javascript:;">jQuery EasyUI从零开始学</a></h3>
                                    <li>促销价：<span>￥39.4</span></li>
                                    <li class="oldPrice">￥85.3</li>
                                </ul>
                            </li>
                            <li class="info">
                                <a href="javascript:;">
                                    <img src="./images/jq7.jpg" alt="">
                                </a>
                                <ul class="price">
                                    <h3><a href="javascript:;">Head First jQuery</a></h3>
                                    <li>促销价：<span>￥46.0</span></li>
                                    <li class="oldPrice">￥101.4</li>
                                </ul>
                            </li>
                            <li class="info">
                                <a href="javascript:;">
                                    <img src="./images/jq8.jpg" alt="">
                                </a>
                                <ul class="price">
                                    <h3><a href="javascript:;">锋利的jQuery（第2版）</a></h3>
                                    <li>促销价：<span>￥29.1</span></li>
                                    <li class="oldPrice">￥63.1</li>
                                </ul>
                            </li>
                        </ul>
                    </div>
                </div>
                <!-- Vue区域 -->
                <div class="item">
                    <!-- Vue头部信息 -->
                    <div class="main_title">
                        <h2>
                            <em>5F</em>
                            <span>Vue</span>
                            <a href="javascript:;">更多></a>
                        </h2>
                    </div>
                    <!-- Vue主体信息 -->
                    <div class="main_info">
                        <div class="infol">
                            <img src="./images/vue0.png" alt="">
                            <a href="javascript:;">更多Vue分类</a>
                        </div>
                        <ul class="infor">
                            <li class="info">
                                <a href="javascript:;">
                                    <img src="./images/vue8.jpg" alt="">
                                </a>
                                <ul class="price">
                                    <h3><a href="javascript:;">Vue.js 3.0从入门到实战</a></h3>
                                    <li>促销价：<span>￥53.3</span></li>
                                    <li class="oldPrice">￥115.6</li>
                                </ul>
                            </li>
                            <li class="info">
                                <a href="javascript:;">
                                    <img src="./images/vue7.jpg" alt="">
                                </a>
                                <ul class="price">
                                    <h3><a href="javascript:;">Vue.js全家桶零基础入门到进阶项目实战</a>
                                    </h3>
                                    <li>促销价：<span>￥50.0</span></li>
                                    <li class="oldPrice">￥108.3</li>
                                </ul>
                            </li>
                            <li class="info">
                                <a href="javascript:;">
                                    <img src="./images/vue6.jpg" alt="">
                                </a>
                                <ul class="price">
                                    <h3><a href="javascript:;">Vue.js 3.0 从入门到精通</a></h3>
                                    <li>促销价：<span>￥28.5</span></li>
                                    <li class="oldPrice">￥61.8</li>
                                </ul>
                            </li>
                            <li class="info">
                                <a href="javascript:;">
                                    <img src="./images/vue5.jpg" alt="">
                                </a>
                                <ul class="price">
                                    <h3><a href="javascript:;">深入浅出Vue.js</a></h3>
                                    <li>促销价：<span>￥37.4</span></li>
                                    <li class="oldPrice">￥81.0</li>
                                </ul>
                            </li>
                            <li class="info">
                                <a href="javascript:;">
                                    <img src="./images/vue3.jpg" alt="">
                                </a>
                                <ul class="price">
                                    <h3><a href="javascript:;">循序渐进Vue.js 3前端开发实战</a></h3>
                                    <li>促销价：<span>￥45.5</span></li>
                                    <li class="oldPrice">￥98.5</li>
                                </ul>
                            </li>
                            <li class="info">
                                <a href="javascript:;">
                                    <img src="./images/vue.jpg" alt="">
                                </a>
                                <ul class="price">
                                    <h3><a href="javascript:;">锋利的jQuery+深入浅出Node.js+Vue.js前端开发</a></h3>
                                    <li>促销价：<span>￥80.0</span></li>
                                    <li class="oldPrice">￥150.8</li>
                                </ul>
                            </li>
                            <li class="info">
                                <a href="javascript:;">
                                    <img src="./images/vue2.jpg" alt="">
                                </a>
                                <ul class="price">
                                    <h3><a href="javascript:;">Vue书籍 Vue.js 3.0从入门到实战</a></h3>
                                    <li>促销价：<span>￥29.4</span></li>
                                    <li class="oldPrice">￥63.7</li>
                                </ul>
                            </li>
                            <li class="info">
                                <a href="javascript:;">
                                    <img src="./images/vue4.jpg" alt="">
                                </a>
                                <ul class="price">
                                    <h3><a href="javascript:;">Vue.js框架与Web前端开发从入门到精通</a></h3>
                                    <li>促销价：<span>￥47.4</span></li>
                                    <li class="oldPrice">￥102.7</li>
                                </ul>
                            </li>
                        </ul>
                    </div>
                </div>
                <!-- Node区域 -->
                <div class="item">
                    <!-- Node头部信息 -->
                    <div class="main_title">
                        <h2>
                            <em>5F</em>
                            <span>Node</span>
                            <a href="javascript:;">更多></a>
                        </h2>
                    </div>
                    <!-- Node主体信息 -->
                    <div class="main_info">
                        <div class="infol">
                            <img src="./images/node0.png" alt="">
                            <a href="javascript:;">更多Node分类</a>
                        </div>
                        <ul class="infor">
                            <li class="info">
                                <a href="javascript:;">
                                    <img src="./images/node8.jpg" alt="">
                                </a>
                                <ul class="price">
                                    <h3><a href="javascript:;">Node.js入门指南</a></h3>
                                    <li>促销价：<span>￥35.3</span></li>
                                    <li class="oldPrice">￥76.6</li>
                                </ul>
                            </li>
                            <li class="info">
                                <a href="javascript:;">
                                    <img src="./images/node7.jpg" alt="">
                                </a>
                                <ul class="price">
                                    <h3><a href="javascript:;">Node.js权威指南</a>
                                    </h3>
                                    <li>促销价：<span>￥53.4</span></li>
                                    <li class="oldPrice">￥115.7</li>
                                </ul>
                            </li>
                            <li class="info">
                                <a href="javascript:;">
                                    <img src="./images/node6.jpg" alt="">
                                </a>
                                <ul class="price">
                                    <h3><a href="javascript:;">Node.js开发实战</a></h3>
                                    <li>促销价：<span>￥22.2</span></li>
                                    <li class="oldPrice">￥48.1</li>
                                </ul>
                            </li>
                            <li class="info">
                                <a href="javascript:;">
                                    <img src="./images/node5.jpg" alt="">
                                </a>
                                <ul class="price">
                                    <h3><a href="javascript:;">Node.js企业级应用开发实战</a></h3>
                                    <li>促销价：<span>￥34.8</span></li>
                                    <li class="oldPrice">￥75.4</li>
                                </ul>
                            </li>
                            <li class="info">
                                <a href="javascript:;">
                                    <img src="./images/node4.jpg" alt="">
                                </a>
                                <ul class="price">
                                    <h3><a href="javascript:;">Node.js实战：分布式系统中的后端服务开发</a></h3>
                                    <li>促销价：<span>￥76.6</span></li>
                                    <li class="oldPrice">￥166.0</li>
                                </ul>
                            </li>
                            <li class="info">
                                <a href="javascript:;">
                                    <img src="./images/node3.jpg" alt="">
                                </a>
                                <ul class="price">
                                    <h3><a href="javascript:;">Node.js设计模式（第三版）</a></h3>
                                    <li>促销价：<span>￥88.8</span></li>
                                    <li class="oldPrice">￥192.4</li>
                                </ul>
                            </li>
                            <li class="info">
                                <a href="javascript:;">
                                    <img src="./images/vue.jpg" alt="">
                                </a>
                                <ul class="price">
                                    <h3><a href="javascript:;">Node.js实战 第2版</a></h3>
                                    <li>促销价：<span>￥52.3</span></li>
                                    <li class="oldPrice">￥113.4</li>
                                </ul>
                            </li>
                            <li class="info">
                                <a href="javascript:;">
                                    <img src="./images/vue2.jpg" alt="">
                                </a>
                                <ul class="price">
                                    <h3><a href="javascript:;">深入浅出Node.js</a></h3>
                                    <li>促销价：<span>￥40.6</span></li>
                                    <li class="oldPrice">￥87.9</li>
                                </ul>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
        <!-- 尾部区域 -->
        <div class="footer">
            <!-- 图描述 -->
            <div class="footer_top">
                <div class="w">
                    <h2>品类齐全，轻松购物</h2>
                    <h2>多仓直发，极速配送</h2>
                    <h2>多仓直发，极速配送</h2>
                    <h2>天天低价，畅选无忧</h2>
                </div>
            </div>
            <!-- 帮助等 -->
            <div class="w">
                <div class="help">
                    <ul class="help_list">
                        <h3>购物指南</h3>
                        <li><a href="javascript:;">用户注册</a></li>
                        <li><a href="javascript:;">购物流程</a></li>
                        <li><a href="javascript:;">购物保障</a></li>
                        <li><a href="javascript:;">服务协议</a></li>
                        <li><a href="javascript:;">会员介绍</a></li>
                        <li><a href="javascript:;">常见问题</a></li>
                    </ul>
                    <ul class="help_list">
                        <h3>配送方式</h3>
                        <li><a href="javascript:;">上门自提</a></li>
                        <li><a href="javascript:;">闪电发货</a></li>
                        <li><a href="javascript:;">满百包邮</a></li>
                        <li><a href="javascript:;">配送费收取标准</a></li>
                        <li><a href="javascript:;">海外配送</a></li>
                    </ul>
                    <ul class="help_list">
                        <h3>支付方式</h3>
                        <li><a href="javascript:;">货到付款</a></li>
                        <li><a href="javascript:;">在线支付</a></li>
                        <li><a href="javascript:;">分期付款</a></li>
                        <li><a href="javascript:;">商城卡支付</a></li>
                        <li><a href="javascript:;">优惠券抵用</a></li>
                    </ul>
                    <ul class="help_list">
                        <h3>关于账户</h3>
                        <li><a href="javascript:;">修改个人信息</a></li>
                        <li><a href="javascript:;">修改密码</a></li>
                        <li><a href="javascript:;">找回密码</a></li>
                        <li><a href="javascript:;">注销账号</a></li>
                    </ul>
                    <ul class="help_list">
                        <h3>售后服务</h3>
                        <li><a href="javascript:;">售后政策</a></li>
                        <li><a href="javascript:;">价值保护</a></li>
                        <li><a href="javascript:;">退款说明</a></li>
                        <li><a href="javascript:;">退换货</a></li>
                        <li><a href="javascript:;">取消订单</a></li>
                        <li><a href="javascript:;">联系客户</a></li>
                    </ul>
                    <ul class="help_list">
                        <h3>特色服务</h3>
                        <li><a href="javascript:;">投诉建议</a></li>
                        <li><a href="javascript:;">前端学习路线</a></li>
                        <li><a href="javascript:;">前端学习书籍</a></li>
                        <li><a href="javascript:;">那种程度找工作</a></li>
                    </ul>
                </div>
            </div>
            <!-- 版权图片 -->
            <div class="footer_bottom">
                <a href="javascript:;"></a>
                <a href="javascript:;"></a>
                <a href="javascript:;"></a>
                <a href="javascript:;"></a>
                <a href="javascript:;"></a>
                <a href="javascript:;"></a>
                <a href="javascript:;"></a>
                <a href="javascript:;"></a>
            </div>
            <!-- 版权信息等 -->
            <div class="copyright">
                <p>© 2005-2022 冉冉up的新星 版权所有，并保留所有权利。 重庆市xxxx Tel: 191xxxx4954 E-mail: xxxx@yeah.net</p>
                <a href="javascript:;">
                    <img src="./images/button_old_41.gif" alt="">
                    265898xxxx
                </a>
                <a href="javascript:;">
                    <img src="./images/T1B7m.XeXuXXaHNz_X-16-16.gif" alt="">
                    冉星
                </a>
                <br />
                ICP备案证书号:
                <a href="javascript:;">沪ICP备05002918号</a>
            </div>
        </div>
    </div>
    <script src="./js/index.js"></script>
</body>

</html>